body { margin: 0; padding: 0; font-size: 14px; font-family: arial, serif; }
ul { margin: 0; }
a, a:link { text-decoration: none; cursor: pointer; color: #000000; }
a:hover { text-decoration: underline; cursor: pointer; color: #FF3300; }

.i-block { margin: 0 auto; width: 960px; }
.clearfix:after { content: ""; display: block; font-size: 0; clear: both; }
.box-style-1 { border: 1px solid #CBE6BD; padding: 2px; background: #ECF5E8; }
.box-style-1 > ul { background: #F9FEF4; }
.box-style-2 { border: 2px solid #97C853; padding: 10px; }
.box-style-3 { border: 1px solid #97C853; padding: 2px; background: none repeat scroll 0 0 #ECF5E8; }
.lib-box { background: none repeat scroll 0 0 #FBFEF7; border-bottom: 5px solid #E5EFDB; }
.lib-box .row, .blog-box .row { line-height: 32px; height: 32px; text-align: center; position: relative; }
.lib-box .row a, .blog-box .row a { padding: 0 5px; }
.lib-box .row span, .blog-box .row span { position: absolute; left: 10px; color: #108410; }
.blog-box { background: none repeat scroll 0 0 #FBFEF7; }
.span-rows { height: 25px; line-height: 25px; text-align: center; }
.span-rows a { padding: 0 7px; color: #3B5998; }

/** id based user style **/
#user-bar { background: url("../images/main1.png") repeat-x scroll 0 0 #F7F7F7; height: 27px; line-height: 27px; border-bottom: 1px solid #E8E8E9; }
#user-bar > div { margin: 0 auto; }
#user-bar { font-size: 12px; }
#user-bar .i-block { position: relative; }
#set-home-page { position: absolute; right: 0; cursor: pointer; }
#wrap { width: 960px; margin: 10px auto; }
#left { float: left; width: 220px; margin-right: 10px; }
#right { float: right; width: 730px; }
#my-site ul { padding: 5px 5px 5px 25px; }
#web-tools { position: relative; padding-left: 85px; }
#web-tools .row { line-height: 26px; height: 26px; text-align: left; font-size: 12px; }
#web-tools .row a { padding: 0 5px; }
#web-tools .row span { position: absolute; left: 10px; color: #108410; }
